/*-------------------------------------------------------*/
/* Nav Mobile Sidenav
/*-------------------------------------------------------*/
.sidenav {
  background-color: #a00f14;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 320px;
  font-weight: 600;
  z-index: 121;
  overflow-y: auto;
  -webkit-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transform: translateX(-320px);
  -moz-transform: translateX(-320px);
  -ms-transform: translateX(-320px);
  -o-transform: translateX(-320px);
  transform: translateX(-320px);
  display: none;
}
  .sidenav--is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

.content-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 121;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.16, 0.36, 0, 0.98);
  -moz-transition: 0.3s cubic-bezier(0.16, 0.36, 0, 0.98);
  -ms-transition: 0.3s cubic-bezier(0.16, 0.36, 0, 0.98);
  -o-transition: 0.3s cubic-bezier(0.16, 0.36, 0, 0.98);
  transition: 0.3s cubic-bezier(0.16, 0.36, 0, 0.98);
  background-color: rgba(0, 0, 0, 0.5); }
  .content-overlay--is-visible {
    opacity: 1;
    visibility: visible; }

/* Nav Icon Toggle
-------------------------------------------------------*/
.nav-icon-toggle {
  padding: 0;
  /*display: inline-block;*/
  cursor: pointer;
  -webkit-transition: 0.15s linear;
  -moz-transition: 0.15s linear;
  -ms-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  /*margin: 0;
  margin-right: 28px;*/
  overflow: visible; }
  .nav-icon-toggle:focus {
    outline: none; }
  .nav-icon-toggle__box {
    width: 18px;
    height: 20px;
    position: relative;
    display: block; }
  .nav-icon-toggle__inner {
    display: block;
    top: 50%;
    margin-top: -1px; }
  .nav-icon-toggle__inner, .nav-icon-toggle__inner:before, .nav-icon-toggle__inner:after {
    width: 18px;
    height: 2px;
    background-color: #8c9598;
    position: absolute;
    -webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -ms-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all; }
  .nav-icon-toggle:hover .nav-icon-toggle__inner,
  .nav-icon-toggle:hover .nav-icon-toggle__inner:before,
  .nav-icon-toggle:hover .nav-icon-toggle__inner:after {
    background-color: #fff; }
  .nav-icon-toggle__inner:before, .nav-icon-toggle__inner:after {
    content: "";
    display: block; }
  .nav-icon-toggle__inner:before {
    top: -6px; }
  .nav-icon-toggle__inner:after {
    bottom: -6px; }

/* Sidenav Menu
-------------------------------------------------------*/
.sidenav__menu-container {
  margin-top: 52px; }

.sidenav__menu ul {
  list-style: none;
  padding: 0; }

.sidenav__menu li {
  position: relative;
  border-bottom: 1px solid #b22129;
  font-size: 14px; }
  .sidenav__menu li:last-child {
    border-bottom: 0; }

.sidenav__menu-dropdown {
  overflow: hidden;
  display: none;
  background-color: #780004;border-top: #780004 solid 1px; }
  .sidenav__menu-dropdown li {
    border-color: #951a1e; }
  .sidenav__menu-dropdown a, .sidenav__menu-dropdown:hover,
  .sidenav__menu-dropdown .sidenav__menu-toggle {
    color: #fff5f6;font-weight: 500; }
  .sidenav__menu-dropdown li a {font-size: 16px;padding: 11px 22px 11px 40px;}
.sidenav__menu-dropdown li ul li a {padding: 11px 22px 11px 56px;}
.sidenav__menu-dropdown li ul li ul li a {padding: 11px 22px 11px 72px;}
.sidenav__menu-dropdown li ul li ul li ul li a {padding: 11px 22px 11px 88px;}
.sidenav__menu-dropdown li ul li ul li ul li ul li a {padding: 11px 22px 11px 104px;}
.sidenav__menu-toggle {
  position: absolute;
  top: 0;
  right: 5px;
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 12px;
  padding: 0;
  width: 46px;
  height: 46px;
  text-align: center; }
  .sidenav__menu-toggle:focus {
    outline: none; }

.sidenav__menu--is-open > a {background-color: #bc030f;color: #fff; }
.sidenav__menu--is-open > a:hover {color: #fff; }

.sidenav__menu--is-open > .sidenav__menu-toggle {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff; }
  .sidenav__menu--is-open > .sidenav__menu-toggle:hover {
    color: #fff; }

.sidenav__menu-link {
  width: 100%;cursor: pointer;
  display: block;
  color: #fff;
  padding: 12px 49px 12px 22px;
  font-family: Arial;
  font-size: 17px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }
  .sidenav__menu-link:hover, .sidenav__menu-link:focus {
    color: #fff;
    background-color: #bc030f; }

.sidenav__close {
  position: absolute;
  right: 15px;
  top: 15px; }
  .sidenav__close-button {
    padding: 0;
    background: transparent;
    border: 0;
    color: #fff;
    width: 24px;
    height: 24px; font-size: 16px;}
    .sidenav__close-button:hover {
      color: #a1c1ff; }
  .sidenav__close-icon {
    font-size: 22px;
    line-height: 24px; }

.sidenav__menu-link-category {
  padding-left: 19px; }

.sidenav__menu-link--orange {
  border-left: 3px solid #fc7e19; }

.sidenav__menu-link--red {
  border-left: 3px solid #ec3128; }

.sidenav__menu-link--blue {
  border-left: 3px solid #0098d0; }

.sidenav__menu-link--salad {
  border-left: 3px solid #a3ef41; }

.sidenav__menu-link--yellow {
  border-left: 3px solid #ffe744; }

.sidenav__menu-link--light-blue {
  border-left: 3px solid #00c9d0; }

.sidenav__menu-link--violet {
  border-left: 3px solid #6b41ef; }

.sidenav__menu-link--purple {
  border-left: 3px solid #9e45ff; }
@media (max-width: 767px){
	.sidenav {display: block;}
}